<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2021/12/14
  Time: 11:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<el-card>
    <el-row>
        <el-col :md="{span:8,offset:16}">
            <el-input
                    v-model="managerUsers.search"
                    placeholder="输入搜索内容"
                    class="input-with-select"
            >
                <template #prepend>
                    <el-select v-model="managerUsers.searchCondition" placeholder="Select" style="width: 110px">
                        <el-option label="用户ID" :value="1"></el-option>
                        <el-option label="手机号" :value="2"></el-option>
                        <el-option label="邮箱" :value="3"></el-option>
                        <el-option label="真实姓名" :value="4"></el-option>
                    </el-select>
                </template>
                <template #append>
                    <el-button @click="loadUserMsg(1)">
                        <el-icon>
                            <i class="fa fa-search"></i>
                        </el-icon>
                    </el-button>
                </template>
            </el-input>
        </el-col>
    </el-row>
    <el-table :data="managerUsers.tableData" style="width: 100%">
        <el-table-column prop="userId" label="用户ID" width="100"></el-table-column>
        <el-table-column prop="userNickname" label="昵称"></el-table-column>
        <el-table-column prop="userTelPhone" label="手机号"></el-table-column>
        <el-table-column prop="userEmail" label="邮箱"></el-table-column>
        <el-table-column prop="userName" label="真实姓名"></el-table-column>
        <el-table-column label="操作">
            <template #default="scope">
                <el-popconfirm title="是否删除?" @confirm="deleteUser(scope.row.userId)">
                    <template #reference>
                        <el-button
                                size="mini"
                                type="danger"
                        >删除
                        </el-button
                        >
                    </template>
                </el-popconfirm>
            </template>
        </el-table-column>

    </el-table>
    <el-pagination style="text-align: center" layout="prev, pager, next" :total="managerUsers.itemsCount"
                   :page-size="10" @current-change="tabUserMsgPage"></el-pagination>

</el-card>